<%@ page contentType="text/html;charset=UTF-8"%>
<c:set var="basePath" value="${pageContext.request.contextPath}"/>
<%--<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>--%>
<%--<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>--%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<!DOCTYPE HTML>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>demo</title>
    <link href="../../plugins/fullPage/jquery.fullPage.css" rel="stylesheet"/>
    <link href="../../plugins/bootstrap-3.3.0/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="../../plugins/material-design-iconic-font-2.2.0/css/material-design-iconic-font.min.css" rel="stylesheet"/>
    <link href="../../plugins/waves-0.7.5/waves.min.css" rel="stylesheet"/>
    <link href="../../plugins/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.min.css" rel="stylesheet"/>
    <link href="../../css/demo.css" rel="stylesheet"/>
    <!--<link href="css/blog.css" rel="stylesheet"/>	-->

    <script src="../../plugins/jquery.1.12.4.min.js"></script>
    <script src="../../plugins/bootstrap-3.3.0/js/bootstrap.min.js"></script>
    <script src="../../plugins/waves-0.7.5/waves.min.js"></script>
    <script src="../../plugins/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js"></script>
    <script src="../../plugins/BootstrapMenu.min.js"></script>
    <script src="../../plugins/device.min.js"></script>
    <script src="../../plugins/fullPage/jquery.fullPage.min.js"></script>
    <script src="../../plugins/fullPage/jquery.jdirk.min.js"></script>
    <script src="../../plugins/jquery.cookie.js"></script>

    <script src="../../js/admin.js"></script>

    <style>
        /** skins 动态设置body的id，统一改变主题色  #0b8de5**/
        #theme1 #header {background: #34495e;}
        #theme1 .content_tab{background: #34495e;}
        #theme1 .s-profile>a{background: grey;}

        #theme2 #header {background: #455EC5;}
        #theme2 .content_tab{background: #455EC5;}
        #theme2 .s-profile>a{background: url(../../images/zheng-cms.png) left top no-repeat;}

        #theme3 #header {background: #F06292;}
        #theme3 .content_tab{background: #F06292;}
        #theme3 .s-profile>a{background: url(../../images/zheng-pay.png) left top no-repeat;}

        #theme4 #header {background: #6539B4;}
        #theme4 .content_tab{background: #6539B4;}
        #theme4 .s-profile>a{background: url(../../images/zheng-ucenter.png) left top no-repeat;}

        #theme5 #header {background: #29A176;}
        #theme5 .content_tab{background: #29A176;}
        #theme5 .s-profile>a{background: url(../../images/zheng-upms.png) left top no-repeat;}
    </style>
</head>
<body>
    <header id="header" >
    <ul id="menu">
        <li id="logo" class="hidden-xs">
            <a href="javascript:;">
                <i class="him-icon zmdi zmdi-balance" style="font-size: 33px; line-height: 36px;color: #fff;"></i>
            </a>&nbsp;
            <span id="system_title">后台管理系统</span>
        </li>
        <li class="pull-right">
            <ul class="hi-menu">
                <li class="dropdown">
                    <a class="waves-effect waves-light" data-toggle="dropdown" href="javascript:;">
                        <i class="him-icon zmdi zmdi-dropbox"></i>
                    </a>
                    <ul class="dropdown-menu dm-icon pull-right">
                        <li class="skin-switch">
                            请选择主题颜色
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a class="waves-effect switch-systems" href="javascript:;" systemname="theme1"><i class="zmdi zmdi-shield-security"></i> 浅蓝</a>
                        </li>

                        <li>
                            <a class="waves-effect switch-systems" href="javascript:;" systemname="theme2"><i class="zmdi zmdi-wikipedia"></i> 深蓝</a>
                        </li>

                        <li>
                            <a class="waves-effect switch-systems" href="javascript:;" systemname="theme3"><i class="zmdi zmdi-paypal-alt"></i> 红色</a>
                        </li>

                        <li>
                            <a class="waves-effect switch-systems" href="javascript:;" systemname="theme4"><i class="zmdi zmdi-account"></i> 紫色</a>
                        </li>

                        <li>
                            <a class="waves-effect switch-systems" href="javascript:;" systemname="theme5"><i class="zmdi zmdi-cloud"></i> 绿色</a>
                        </li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a class="waves-effect waves-light" data-toggle="dropdown" href="javascript:;">
                        <i class="him-icon zmdi zmdi-more-vert"></i>
                    </a>
                    <ul class="dropdown-menu dm-icon pull-right">
                        <li class="hidden-xs">
                            <a class="waves-effect" data-ma-action="fullscreen" href="javascript:fullPage();"><i class="zmdi zmdi-fullscreen"></i> 全屏模式</a>
                        </li>
                        <li>
                            <a class="waves-effect" data-ma-action="clear-localstorage" href="javascript:;"><i class="zmdi zmdi-delete"></i> 清除缓存</a>
                        </li>
                        <li>
                            <a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-face"></i> 隐私管理</a>
                        </li>
                        <li>
                            <a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-settings"></i> 系统设置</a>
                        </li>
                        <li>
                            <a class="waves-effect" href="${basePath}/logout"><i class="zmdi zmdi-run"></i> 退出登录</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
</header>
    <!--/头部-->
    <section id="main">
        <!-- 左侧导航区 -->
        <aside id="sidebar" style="background-color:#1c2b36;">
            <!-- 个人资料区 -->
            <div class="s-profile">
                <a class="waves-effect waves-light" href="javascript:;">
                    <div class="sp-pic">
                        <img src="../../images/avatar.jpg"/>
                    </div>
                    <div class="sp-info">
                        欢迎登陆 <span id="currentUser"></span>
                        <i class="zmdi zmdi-caret-down"></i>
                    </div>
                </a>
                <ul class="main-menu">
                    <li>
                        <a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-account"></i> 个人资料</a>
                    </li>
                    <li>
                        <a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-face"></i> 隐私管理</a>
                    </li>
                    <li>
                        <a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-settings"></i> 系统设置</a>
                    </li>
                    <li>
                        <a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-run"></i> 退出登录</a>
                    </li>
                </ul>
            </div>
            <!-- /个人资料区 -->
            <!-- 菜单区 -->
            <ul class="main-menu">
                <li>
                    <a class="waves-effect" href="javascript:Tab.addTab('首页', 'home');"><i class="zmdi zmdi-home"></i> 首页</a>
                </li>
                <li class="sub-menu ">
                    <shiro:hasPermission name="admin:user">
                        <a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-accounts"></i> 角色用户管理</a>
                    </shiro:hasPermission>
                    <ul>
                        <shiro:hasPermission name="role:read">
                            <li><a class="waves-effect" href="javascript:Tab.addTab('角色管理', '/role/index');">角色管理</a></li>
                        </shiro:hasPermission>
                        <%--<li><a class="waves-effect" href="javascript:Tab.addTab('角色管理', '/role/index');">角色管理</a></li>--%>
                        <shiro:hasPermission name="user:read">
                            <li><a class="waves-effect" href="javascript:Tab.addTab('用户管理', '/user/index');">用户管理</a></li>
                        </shiro:hasPermission>
                    </ul>
                </li>
                <li class="sub-menu ">
                    <shiro:hasPermission name="admin:permission">
                        <a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-lock-outline"></i> 权限资源管理</a>
                    </shiro:hasPermission>
                    <ul>
                        <shiro:hasPermission name="permission:read">
                            <li><a class="waves-effect" href="javascript:Tab.addTab('权限管理', '/permission/index');">权限管理</a></li>
                        </shiro:hasPermission>
                    </ul>
                </li>
                <li class="sub-menu ">
                    <shiro:hasPermission name="admin:aricle">
                        <a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-menu"></i> 文章类目管理</a>
                    </shiro:hasPermission>
                    <ul>
                        <shiro:hasPermission name="article:read">
                            <li><a class="waves-effect" href="javascript:Tab.addTab('文章管理', '/article/index');">文章管理</a></li>
                        </shiro:hasPermission>
                        <shiro:hasPermission name="type:read">
                            <li><a class="waves-effect" href="javascript:Tab.addTab('类目管理', '/type/index');">类别管理</a></li>
                        </shiro:hasPermission>
                    </ul>
                </li>
                <li class="sub-menu ">
                    <shiro:hasPermission name="add:comment">
                        <a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-collection-text"></i>前台管理</a>
                    </shiro:hasPermission>
                    <ul>
                        <shiro:hasPermission name="comment:read">
                            <li><a class="waves-effect" href="javascript:Tab.addTab('评论管理', '/comment/index');">评论管理</a></li>
                        </shiro:hasPermission>
                        <shiro:hasPermission name="notice:read">
                            <li><a class="waves-effect" href="javascript:Tab.addTab('公告管理', '/notice/index');">公告管理</a></li>
                        </shiro:hasPermission>
                    </ul>
                </li>
                <li class="sub-menu ">
                    <a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-more"></i>其他数据管理</a>
                    <ul>
                        <li><a class="waves-effect" href="javascript:Tab.addTab('公共码表', '/manage/session/index');">公共码表</a></li>
                        <li><a class="waves-effect" href="javascript:Tab.addTab('会话管理', '/manage/session/index');">会话管理</a></li>
                        <li><a class="waves-effect" href="javascript:Tab.addTab('日志记录', '/manage/log/index');">日志记录</a></li>
                        <li><a class="waves-effect" href="javascript:Tab.addTab('键值设置', '/manage/map/index');">键值设置</a></li>
                    </ul>
                </li>
                <li>
                    <div class="upms-version">
                        @1023984070@qq.com
                    </div>
                </li>
            </ul>
            <!-- /菜单区 -->
        </aside>
        <!-- /左侧导航区 -->

        <!--右侧Tab区-->
        <section id="content" >
            <div class="content_tab">
                <ul id="tabs" class="tabs">
                    <li id="tab_home" data-index="home" data-closeable="false" class="cur">
                        <a class="waves-effect waves-light">首页</a>
                    </li>
                </ul>
                <div class="tab_right">
                    <a class="waves-effect waves-light" href="javascript:;"><i class="zmdi zmdi-chevron-right"></i></a>
                </div>
            </div>
            <div class="content_main" style="background-color:#f5f5f5;">
                <div id="iframe_home" class="iframe cur">
                    <p><h4>权限管理系统 <i style="color:#c00">(1111)</i></h4></p>
                    <p><h4>系统功能概述：</h4></p>
                    <p><b>系统组织管理</b>：系统和组织增加、删除、修改、查询功能。</p>
                    <p><b>用户角色管理</b>：用户和角色增加、删除、修改、查询功能。</p>
                    <p><b>资源权限管理</b>：资源和权限增加、删除、修改、查询功能。</p>
                    <p><b>权限分配管理</b>：提供给角色和用户的权限增加、删除、修改、查询功能。</p>
                    <p><b>单点登录(SSO)</b>：提供统一用户单点登录认证、用户鉴权功能。</p>
                    <p><b>用户会话管理</b>：提供分布式用户会话管理</p>
                    <p><b>操作日志管理</b>：提供记录用户登录、操作等日志。</p><br/>
                    <p><h4>对外接口概述：</h4></p>
                    <p><b>系统组织数据接口</b>、<b>用户角色数据接口</b>、<b>资源权限数据接口</b>、<b>单点登录(SSO)接口</b>、<b>用户鉴权接口</b></p><br/>
                </div>
            </div>
        </section>
        <!--/右侧Tab区-->
    </section>
</body>
</html>
